<template>
  <div class="project">
    <ul>
    <li v-for="item in pro">
    <img :src="item.url" style="width:100%">
    <span class="title">时间：</span>
    <p><span class="title">简介:{{item.content}}</span></p>
    <p><span class="title">主要任务:</span></p>
    </li>
    </ul>
   </div>
</template>

<script>
import axios from 'axios';
export default {
  data () {
    return {
    pro:""
    }
  },
  methods:{

    getData(){
  var that=this;
  axios.get('http://localhost:3000/xiangmu')
  .then(function (response) {
   console.log(response.data)
   console.log(that)
   that.pro=response.data
  
  })
  .catch(function (error) {
    console.log(error);
  });
  
      }
  },
 created(){
   this.getData();
  }
}
</script>

<style lang="scss" scoped> 
html,body{
  height:100%;
  padding:0;
  margin:0
}
.project{
  padding-top:40px;
}
</style>
